<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <title>登录 - 游戏工作室记账系统</title>
    <link rel="shortcut icon" href="/images/favicon.ico"/>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link href="/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/js/nice-validator-1.1.2/jquery.validator.css" rel="stylesheet"/>
    <script src="/js/jquery-1.12.4.min.js"></script>
    <script src="/js/nice-validator-1.1.2/jquery.validator.min.js"></script>
    <script src="/js/nice-validator-1.1.2/local/zh-CN.js"></script>
    <!--[if lt IE 9]>
    <script src="/js/html5shiv.min.js"></script>
    <script src="/js/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        body {
            background: url(../../images/loginbackground.gif) 50% 70px no-repeat;
        }

        .sysname {
            margin: 0 auto;
            width: 1000px;
            height: 120px;
            line-height: 120px;
        }

        .loginBox {
            width: 394px;
            height: auto;
            margin-left: 570px;
            background: #fafafa;
            padding-top: 40px;
            padding-bottom: 20px;
            border-radius: 6px;
            -moz-border-radius: 6px;
        }
    </style>
</head>
<body>
<!--[if lte IE 9]>
<div style="position:absolute;z-index:999;text-align:center;width:100%;font-size:16px;background:#dddddd;padding:40px 0;">
    您还在使用老版本的IE，正常使用系统前请升级您的浏览器到新版本 <a target="_blank" href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads" style="color:#ff6a00;">点击升级</a>
    <br />
    我们强烈建议您使用以下一种浏览器登录系统：
    <a href="https://www.mozilla.org/zh-CN/firefox/new/?utm_medium=referral&utm_source=firefox-com" target="_blank" style="color:#ff6a00;">火狐 FireFox</a>
    &nbsp;
    <a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank" style="color:#ff6a00;">谷歌 Chrome</a>
    &nbsp;
    <a href="http://chrome.360.cn/" target="_blank" style="color:#ff6a00;">360极速浏览器</a>
    &nbsp;
    <a href="http://se.360.cn/" target="_blank" style="color:#ff6a00;">360安全浏览器</a>
</div>
<![endif]-->
<div class="container-fluid">
    <form id="loginForm" action="/home/login" method="post" class="form-horizontal">
        <div class="col-md-12">
            <div class="sysname">
                <h3>游戏工作室记账系统</h3>
            </div>
            <div style="margin:0 auto;width:1000px;">
                <div class="loginBox col-md-12">
                    <div class="form-group">
                        <label for="loginName" class="col-md-3 control-label"><i class="fa fa-user fa-lg"></i></label>
                        <div class="col-md-8">
                            <input type="text" class="form-control pull-left" id="loginName" name="loginName" placeholder="登录账号"/>
                            <span class="msg-box" for="loginName" style="position:absolute;margin-top:3px;"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="passWord" class="col-md-3 control-label"><i class="fa fa-lock fa-lg"></i></label>
                        <div class="col-md-8">
                            <input type="password" class="form-control pull-left" id="passWord" name="passWord" placeholder="登录密码" maxlength="15"/>
                            <span class="msg-box" for="passWord" style="position:absolute;margin-top:3px;"></span>
                        </div>
                    </div>
                    <div class="form-group" id="VerCodeStatus">
                        <label for="verCode" class="col-md-3 control-label"></label>
                        <div class="col-md-8">
                            <input type="text" class="form-control pull-left" style="width:80px;"
                                   id="verCode" name="verCode" placeholder="验证码" maxlength="4"/>
                            <img src="/home/authCode" class="pull-left" style="margin-left:5px;cursor:pointer;"
                                  onclick="this.src = '/home/authCode?' + Math.random();" title="点击更换"/>
                            <input id="hfVerCode" name="hfVerCode" type="hidden"/>
                            <span class="msg-box" for="verCode" style="position:absolute;margin-top:3px;"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-offset-3 col-md-9">
                            <button type="submit" class="btn btn-success">登录</button>
                            <a id="registinfo" class="btn btn-default">注册</a>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-offset-3 col-md-9">
                            <p class="text-danger">${loginerror}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div style="clear:both;"></div>
            <div class="text-center" style="margin-top:45px;">
                技术支持：小任&#12288;<i class="fa fa-phone"></i>18781073687
            </div>
        </div>
        <script>

            $('#registinfo').click(function(e){
                e.preventDefault();
                e.stopPropagation();
                window.location.href="/home/registinfo";
            });


            $("#loginForm").validator({
                theme: "yellow_right",
                fields: {
                    loginName: {
                        rule: "登录账号:required;"
                    },
                    passWord: {
                        rule: "登录密码:required;"
                    },
                    verCode: {
                        rule: "验证码:required;remote[/home/strCode];"
                    }
                }
            });
        </script>
    </form>
</div>
</body>
</html>